<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" id="viewport"
	content="width=device-width, height=device-height, 
		initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet"
	href="../WebWrapper/jquery.mobile.structure-1.1.0.css" />
<link rel="stylesheet"
	href="../WebWrapper/jquery.mobile-1.1.0.css" />

<script type="text/javascript" src="../WebWrapper/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript"
	src="../WebWrapper/js/jquery.mobile-1.1.1.js"></script>
<title>AR-PORT</title>
</head>
<body>
	<div data-role="page" id="poiDetail">
		<div data-role="header" data-position="fixed">
			<h1>AR-PORT</h1>
		</div>
		<div data-role="content" class="app">
			<div id="deviceready" class="blink">
				<p class="event listening">Connecting to Device</p>
				<p class="event received">Device is ready</p>
			</div>
			<button type="button">Port Heritage</button>
			<button type="button">Restaurants & Shops</button>
			<button type="button">Ships Information</button>
			<button type="button">Installations?</button>
			<button type="button">Route Guide</button>
		</div>
		<div data-role="footer" data-position="fixed">
			<h1>Footer...</h1>
		</div>
	</div>

</body>
</html>
